{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/channel_index.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
body{
	background: #F3F3F3;
	padding-top: 2.2rem;
	padding-bottom: 3rem;
}
</style>
{/block}
{block name="content"}

	
	<div class="com_header">
		<a href="javascript:;" class="go_back"><i class="icon_back"></i></a>
		频道中心<a href="/FrontIndex/search" class="search native_go"><i class="icon_search"></i></a><a href="/FrontIndex/message_center" class="msg native_go"><i class="icon_msg"></i>{if $is_read}<span class="dot"></span>{/if}</a>
	</div>

	<ul class="all_channel">
		{foreach from=$sort_list item=v}
		<li>
			<div class="li_row">
			<img src="{$v.pic}" alt="" class="sm_img"><span class="title">{$v.channel_sort_name}</span><i class="num">（{$v.channel_num}）</i><i class="icon_down"></i>
			</div>
			<div class="hide_wrap">
				{foreach from=$v.channel_list item=channel}
				<a href="/FrontChannel/post_list/channel_id/{$channel.channel_id}" class="native_go">
					<div class="hide_box">
						<img src="{$channel.icon}?imageView2/1/w/200/h/200/imageslim" alt="">
						<span>{$channel.channel_name}</span>
						<em>今日新帖{$channel.new_tie}</em>
					</div>
				</a>
				{/foreach}
			</div>
		</li>
		{/foreach}
	</ul>


{/block}
{block name="js"}

{literal}
	
<script>
      $('.all_channel li').on('click',function(){
      	$(this).toggleClass('active');
      	$(this).find('.hide_wrap').toggle();
      })
</script>
{/literal}
{/block}